<template>
  <div class="h-panel">
    <div class="h-panel-bar">
      <span class="h-panel-title">智能聊天</span>
    </div>
    <div class="h-panel-body">
      <p>该功能由图灵机器人提供技术支持，在开启群聊或私聊智能聊天功能情况下， 当用户与机器人群聊或私聊时，可触发机器人身份信息。如无appId，可以在图灵机器人官网申请。</p>
      <Form :label-width="110" :model="data" ref="form" :rules="rules" :showErrorTip="showErrorTip" style="width: 500px">
        <FormItem label="apiKey" prop="list[0]" :required="required">
          <input type="text" v-model="data.list[0]" placeholder="请输入APPKEY"/>
        </FormItem>
        <FormItem label="聊天设置">
          <Checkbox v-model="f_chat">是否允许好友聊天</Checkbox>
        </FormItem>
        <FormItem label="防骚扰设置">
          <Checkbox v-model="f_2">群内使用时需@</Checkbox>
        </FormItem>
        <FormItem :no-padding="true">
          <Button color="primary" @click="submit">提交</Button>
          <Button @click="reset">清除验证</Button>
        </FormItem>
      </Form>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      data: {
        list: []
      },
      rules: {},
      showErrorTip: '',
      required: true,
      f_chat: false,
      f_2: false
    }
  },
  methods: {},
  components: {}
}
</script>

<style>
</style>
